<script setup lang="ts">
import { onMounted, ref } from 'vue'

const statusBarHeight = ref(0)
const titleBarHeight = ref(0)

onMounted(async () => {
    const systemInfo = uni.getSystemInfoSync()
    console.log(22222, systemInfo)
    statusBarHeight.value = systemInfo.statusBarHeight || 0
    titleBarHeight.value = systemInfo.titleBarHeight || 0
})
</script>

<template>
    <view class="set-bg flex-shrink-0" :style="{ height: `${titleBarHeight}px`, paddingTop: `${statusBarHeight}px` }" />
</template>
